	.container{
		padding: 10px;
	}
	.container .header{
		padding: 10px;
		height: 50px;
		border: black 1px solid;
	}
	.header .top{
		text-align: right;
	}
	.sys_name{
		text-align: center;
	}
	.header h1{
		margin-top: 20px;
	}
	.container .center{
		margin-top:10px;
		margin-bottom:10px;
		height: 800px;
	}
	.container .center .left{
		float: left;
		width:70%;
		height: 780px;
		border: black 1px solid;
		padding: 10px;
		background: #97CBFF;
	}
	.container .center .right{
		height:780px;
		width:26%;
		float:right;
		border:black 1px solid;
		padding: 10px;
		background: #97CBFF;
	}
	.container .footer{
		height: 100px;
		border: black 1px solid;
	}
	.container .footer div{
		padding-top:20px;
		margin-bottom: 30px;
		margin: 0 auto;
		width: 200px;
	}
	.boards{
		width: 100%;
		height: 100%;
		background: #FCFCFC;
	}
	.boards .boards_header{
		height: 30px;
		text-align: left;
		background: #97CBFF;
	}
	.boards .boards_content{
		height: 750px; 
		width: 100%;
		overflow: auto;
	}
	.boards_title{
		font-size: 20px; 
		font-weight: bolder;
		line-height: 30px;
	}
	.topics{
		width: 100%;
		height: 100%;
		background: #FCFCFC;
	}
	.topics_header{
		width: 100%;
		height: 30px;
		background: #FFED97;
	}
	.topics_title{
		font-size: 20px; 
		font-weight: bolder;
		line-height: 30px;
	}
	.topics_content{
		overflow: auto;
	}
	.board{
		width: 280px;
		height: 200px;
		background: #72cfd7;
		float: left;
		margin-top: 20px;
		margin-left: 20px;
		padding: 10px;
		cursor: pointer;
	}
	.board_img{
		width: 100%;
		height: 100%;
		position: relative;
	}
	.board_img_title{
		position: absolute;
		width: 100%;
		height:30px;
		bottom: 0px;
		right:0px;
		background-color: black;
		opacity: 0.6;
		font-size: 18px;
		text-align: left;
		color: white;
		line-height: 30px;
	}
	.topic_content ul{
		padding: 5px;
	}
	.topic_content li{
		display: block;
		font-size: 16px;
		margin-top: 10px;
		margin-left: 20px;
	}
	